<?php /*a:2:{s:52:"D:\www\tp5\application\admin\view\echarts\index.html";i:1530520499;s:43:"D:\www\tp5\application\admin\view\base.html";i:1530096033;}*/ ?>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>后台管理系统</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <link rel="stylesheet" href="/public/static/js/layui/css/layui.css" media="all">
    <link rel="stylesheet" href="/public/static/css/font-awesome.min.css">
    <!--CSS引用-->
    
    <link rel="stylesheet" href="/public/static/css/admin.css">
    <!--[if lt IE 9]>
    <script src="/public/static/css/html5shiv.min.js"></script>
    <script src="/public/static/css/respond.min.js"></script>
    <![endif]-->
</head>
<body>
<div class="layui-layout layui-layout-admin">
    <!--头部-->
    <div class="layui-header header">
        <span class="layui-header title"><?php echo htmlentities($site_config['site_title']); ?></span>
        <ul class="layui-nav" style="position: absolute;top: 0;right: 20px;background: none;">
            <!--<li class="layui-nav-item"><a href="" data-url="<?php echo url('admin/system/clear'); ?>" id="clear-cache">清除缓存</a></li>-->
            <li class="layui-nav-item">
                <a href="javascript:;"><?php echo cookie('admin_name'); ?></a>
                <dl class="layui-nav-child"> <!-- 二级菜单 -->
                    <dd><a href="<?php echo url('admin/change_password/index'); ?>">修改密码</a></dd>
                    <dd><a href="<?php echo url('admin/login/logout'); ?>">退出登录</a></dd>
                </dl>
            </li>
        </ul>
    </div>

    <!--侧边栏-->
    <div class="layui-side layui-bg-black">
        <div class="layui-side-scroll">
            <ul class="layui-nav layui-nav-tree">
                <li class="layui-nav-item layui-nav-title"><a>管理菜单</a></li>
                <li class="layui-nav-item">
                    <a href="<?php echo url('admin/index/index'); ?>"><i class="fa fa-home"></i> 网站信息</a>
                </li>
                <?php if(is_array($menu) || $menu instanceof \think\Collection || $menu instanceof \think\Paginator): if( count($menu)==0 ) : echo "" ;else: foreach($menu as $key=>$vo): if(isset($vo['children'])): ?>
                <li class="layui-nav-item">
                    <a href="javascript:;"><i class="<?php echo htmlentities($vo['icon']); ?>"></i> <?php echo htmlentities($vo['title']); ?></a>
                    <dl class="layui-nav-child">
                        <?php if(is_array($vo['children']) || $vo['children'] instanceof \think\Collection || $vo['children'] instanceof \think\Paginator): if( count($vo['children'])==0 ) : echo "" ;else: foreach($vo['children'] as $key=>$v): ?>
                        <dd><a href="<?php echo url($v['name']); ?>"> <?php echo htmlentities($v['title']); ?></a></dd>
                        <?php endforeach; endif; else: echo "" ;endif; ?>
                    </dl>
                </li>
                <?php else: ?>
                <li class="layui-nav-item">
                    <a href="<?php echo url($vo['name']); ?>"><i class="<?php echo htmlentities($vo['icon']); ?>"></i> <?php echo htmlentities($vo['title']); ?></a>
                </li>
                <?php endif; endforeach; endif; else: echo "" ;endif; ?>
            </ul>
        </div>
    </div>

    <!--主体-->
    
<style>
    .ui-imgtips span{ line-height:170%; margin-top:10px; display:block; width:202px;}
</style>
<div class="layui-body">
    <!--tab标签-->

    <div class="layui-tab">
        <ul class="layui-tab-title">
            <li class="layui-this">图片绘制插件1</li>
            <li>图片绘制插件2</li>
            <li>更多..</li>
        </ul>
        <div class="layui-tab-content">

            <div class="layui-tab-item layui-show">
                <div class="layui-tab-item layui-show">
                    <div id="container" style="height: 500px"></div>
                    <script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/echarts.min.js"></script>
                    <script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts-gl/echarts-gl.min.js"></script>
                    <script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts-stat/ecStat.min.js"></script>
                    <script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/extension/dataTool.min.js"></script>
                    <script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/map/js/china.js"></script>
                    <script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/map/js/world.js"></script>
                    <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=ZUONbpqGBsYGXNIYHicvbAbM"></script>
                    <script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/extension/bmap.min.js"></script>
                    <script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/simplex.js"></script>
                    <script type="text/javascript">
                        var dom = document.getElementById("container");
                        var myChart = echarts.init(dom);
                        var app = {};
                        option = null;
                        var data = [
                            [1, 4862.4],
                            [2, 5294.7],
                            [3, 5934.5],
                            [4, 7171.0],
                            [5, 864.4],
                            [6, 10202.2],
                            [7, 1962.5],
                            [8, 14928.3],
                            [9, 16909.2],
                            [10, 18547.9],
                            [11, 1617.8],
                            [12, 6638.1],
                            [13, 4634.4],
                            [14, 46759.4],
                            [15, 8478.1],
                            [16, 7884.6],
                            [17, 4462.6],
                            [21, 16],
                            [28, 9395.7]
                        ];

                        // See https://github.com/ecomfe/echarts-stat
                        var myRegression = ecStat.regression('exponential', data);
                        myRegression.points.sort(function(a, b) {
                            return a[0] - b[0];
                        });
                        option = {
                            title: {
                                text: '测试',
                                subtext: '测试图形统计',
                                sublink: 'https://github.com/ecomfe/echarts-stat',
                                left: 'center'
                            },
                            tooltip: {
                                trigger: 'axis',
                                axisPointer: {
                                    type: 'cross'
                                }
                            },
                            xAxis: {
                                type: 'value',
                                splitLine: {
                                    lineStyle: {
                                        type: 'dashed'
                                    }
                                },
                                splitNumber: 20
                            },
                            yAxis: {
                                type: 'value',
                                splitLine: {
                                    lineStyle: {
                                        type: 'dashed'
                                    }
                                }
                            },
                            series: [{
                                name: '访问量',
                                type: 'scatter',
                                label: {
                                    emphasis: {
                                        show: true,
                                        position: 'left',
                                        textStyle: {
                                            color: 'blue',
                                            fontSize: 16
                                        }
                                    }
                                },
                                data: data
                            },
                            //     {
                            //     name: 'line',
                            //     type: 'line',
                            //     showSymbol: false,
                            //     smooth: true,
                            //     data: myRegression.points,
                            //     markPoint: {
                            //         itemStyle: {
                            //             normal: {
                            //                 color: 'transparent'
                            //             }
                            //         },
                            //         label: {
                            //             normal: {
                            //                 show: true,
                            //                 position: 'left',
                            //                 formatter: myRegression.expression,
                            //                 textStyle: {
                            //                     color: '#333',
                            //                     fontSize: 14
                            //                 }
                            //             }
                            //         },
                            //         data: [{
                            //             coord: myRegression.points[myRegression.points.length - 1]
                            //         }]
                            //     }
                            // }
                            ]
                        };
                        ;
                        if (option && typeof option === "object") {
                            myChart.setOption(option, true);
                        }
                    </script>
                </div>
            </div>

            <div class="layui-tab-item">
                <div id="container2" style="width:1000px; height: 500px"></div>
                <script type="text/javascript">
                    var dom = document.getElementById("container2");
                    var myChart = echarts.init(dom);
                    var app = {};
                    option = null;
                    option = {
                        xAxis: {
                            type: 'category',
                            data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
                        },
                        yAxis: {
                            type: 'value'
                        },
                        series: [{
                            data: [120, 200, 150, 80, 70, 110, 130],
                            type: 'bar'
                        }]
                    };
                    ;
                    if (option && typeof option === "object") {
                        myChart.setOption(option, true);
                    }
                </script>
            </div>
            <div class="layui-tab-item">
                <div class="layui-upload">
                    <button class="layui-btn layui-btn-primary"><a href="http://echarts.baidu.com/examples/#chart-type-bar" target="_blank">跳转至</a></button>
                    <iframe src="http://echarts.baidu.com/examples/#chart-type-bar" width="100%" height= "1000px" name="topFrame"
                            scrolling="No"  noresize="noresize" frameborder="0" id="topFrame"></iframe>
                </div>
            </div>
        </div>
    </div>
</div>







    <!--底部-->
    <div class="layui-footer footer">
        <div class="layui-main">
            <p>2018-2018 &copy; <a href="#" target="_blank">管理后台</a></p>
        </div>
    </div>
</div>

<script>
    // 定义全局JS变量
    var GV = {
        current_controller: "admin/<?php echo htmlentities((isset($controller) && ($controller !== '')?$controller:'')); ?>/",
        base_url: "/public/static"
    };
</script>
<!--JS引用-->
<script src="/public/static/js/jquery.min.js"></script>
<script src="/public/static/js/layui/lay/dest/layui.all.js"></script>
<script src="/public/static/js/admin.js"></script>

<!--页面JS脚本-->

<link href="/public/static/css/cropper.css" rel="stylesheet">
<script src="/public/static/js/jquery.form.js"></script>
<script src="/public/static/js/cropper.min.js"></script>
<script src="/public/static/js/layui/layui.js"></script>
<script>
    layui.use('upload', function(){
        var $ = layui.jquery
            ,upload = layui.upload;

        //普通图片上传
        var uploadInst = upload.render({
            elem: '#test1'
            ,url: '/index.php/api/upload/upload'
            ,before: function(obj){
                //预读本地文件示例，不支持ie8
                obj.preview(function(index, file, result){
                    $('#demo1').attr('src', result); //图片链接（base64）
                });
            }
            ,done: function(res){
                //如果上传失败
                if(res.error > 0){
                    return layer.msg('上传失败');
                }
                //上传成功
                $('#demoText').html('<span style="color: #50c4ff;">上传成功！'+res.url+'</span>');
            }
            ,error: function(){
                //演示失败状态，并实现重传
                var demoText = $('#demoText');
                demoText.html('<span style="color: #FF5722;">上传失败</span>');
                demoText.find('.demo-reload').on('click', function(){
                    uploadInst.upload();
                });
            }
        });

    });


</script>

</body>
</html>